$(function() {
    Control()
    fn()
    mouseover()
    scroll()
        // mouseNav()
    tabFn('hot1')
    tabFn('hot2')
    tabFn('hot3')
    tabFn('hot4')
    mouseNav()
    adion()
});
//选项卡
function Control() {
    $('.accordion ul li').hover(function() {
            $(this).find('div').stop().fadeToggle()
        }, function() {
            $(this).find('div').stop().fadeToggle()
        })
        //选项卡隐藏//选项卡显示隐藏
    $('.fbanner').hover(function() {
        $('.accordion').stop().fadeToggle()
    }, function() {
        $('.accordion').stop().fadeToggle()
    })
    $('.accordion').hover(function() {
        $('.accordion').stop().fadeToggle()
    }, function() {
        $('.accordion').stop().fadeToggle()
    })
    $('.box2').hover(function() {
        $('.three').stop().fadeToggle()
    }, function() {
        $('.three').stop().fadeToggle()
    })

}
//倒计时 但不完美
function date() {
    // 获取当前时间
    let present = new Date()
        //获取最终时间
    let fTime = new Date('2020.11.1 00:00:00')
        //得到时间差
    let tTime = fTime - present;
    //判断
    if (tTime >= 0) {
        //得到天 取整
        let sky = Math.floor(tTime / 1000 / 60 / 60 / 24)
            //if判断给不足2位的数添加0
        if (sky < 10) sky = `0${sky}`
            //得到时 剩余时间 除1000毫秒 除 60秒 除 60分 取余24
        let hour = Math.floor(tTime / 1000 / 60 / 60 % 24)
            //if判断给不足2位的数添加0
        if (hour < 10) sky = `0${hour}`
        let miute = Math.floor(tTime / 1000 / 60 % 60)
            //if判断给不足2位的数添加0
        if (miute < 10) sky = `0${miute}`
            //将当前的时间渲染到页面
        document.querySelector('.setTime').innerHTML = `
            <span>${sky}</span>
            <span>${hour}</span>
            <span>${miute}</span>
            `
    }

}
//较为好的倒计时
function fn() {
    var timer = setInterval(function() {
        var start = '2019/03/13 00:00:00';
        var StartTime = new Date(start);
        var NowTime = new Date();
        var day = NowTime.getDate();
        var month = NowTime.getMonth() + 1;
        var year = NowTime.getFullYear();
        var tw = year + '/' + month + '/' + day + ' 0:00:00';
        var ei = year + '/' + month + '/' + day + ' 12:00:00';
        var tw1 = year + '/' + month + '/' + day + ' 12:00:00';
        var ei1 = year + '/' + month + '/' + day + ' 00:00:00';
        tw = new Date(tw).getTime();
        ei = new Date(ei).getTime();
        tw1 = new Date(tw1).getTime();
        ei1 = new Date(ei1).getTime();
        var EndTime = '';
        if (NowTime < StartTime) {
            EndTime = StartTime;
            $('#stopNow').css('display', 'none');
            $('#startNow').css('display', 'none');
            $('#noStart').css('display', 'block');
        } else {
            if (NowTime < tw) {
                EndTime = tw;
                $('#stopNow').css('display', 'none');
                $('#startNow').css('display', 'none');
                $('#noStart').css('display', 'block');
            } else if (NowTime >= tw && NowTime < ei) {
                EndTime = ei;
                $('#stopNow').css('display', 'none');
                $('#startNow').css('display', 'block');
                $('#noStart').css('display', 'none');

            } else if (NowTime < tw1) {
                EndTime = tw1;
                $('#stopNow').css('display', 'none');
                $('#startNow').css('display', 'none');
                $('#noStart').css('display', 'block');

            } else if (NowTime >= tw1 && NowTime < ei1) {
                EndTime = ei1;
                $('#stopNow').css('display', 'none');
                $('#startNow').css('display', 'block');
                $('#noStart').css('display', 'none');

            } else if (NowTime >= ei1) {
                EndTime = tw + 24 * 60 * 60 * 1000;
                $('#stopNow').css('display', 'block');
                $('#startNow').css('display', 'none');
                $('#noStart').css('display', 'none');

            }
        }
        // console.log(EndTime)
        var t = EndTime - NowTime;
        if (t < 1000) {
            window.location.reload();
            clearInterval(timer);
            timer = null;
            return false;
        }
        var d = 0;
        var h = 0;
        var m = 0;
        var s = 0;
        if (t >= 0) {
            d = Math.floor((t / 1000 / 3600) / 24);
            h = Math.floor((t / 1000 / 3600) % 24);
            m = Math.floor((t / 1000 / 60) % 60);
            s = Math.floor(t / 1000 % 60);
            if (d < 10) {
                d = "0" + d;
            }
            if (h < 10) {
                h = "0" + h;
            }
            if (m < 10) {
                m = "0" + m;
            }
            if (s < 10) {
                s = "0" + s;
            }
            $('.botHours').html(h);
            $('.botMIn').html(m);
            $('.botSecond').html(s);
        }
    }, 1000)
}
//鼠标移动到标签 显示下边框
function mouseover() {
    //鼠标移动到标签 显示下边框
    $('.title li a').mouseover(function() {
        $(this).css({
            'border-bottom': '2px solid #FEBC06',
            'color': '#FEBC06'
        })
    })
    $('.title li a').mouseout(function() {
        $(this).css({
            'border-bottom': '2px solid #f4f4f4',
            'color': '#878787'
        })

    })
}

//流海s搜索框
function scroll() {
    $(window).scroll(function() {
        // 获取浏览器滚动距离
        let Stop = $(this).scrollTop()
            // console.log(Stop);
        if (Stop >= 500) {
            $('.Stream').css({
                display: 'block'
            })
        } else {
            $('.Stream').css({
                display: 'none'
            })
        }
    })
}


function tabFn(obj) {
    $('.' + obj + ' .title ul li').hover(function() {
        //给当前的li添加类名 兄弟删除类名
        $(this).addClass('active').siblings().removeClass('active');
        //获取当前li的索引
        let index = $(this).index()
            //设置当前ul对应的类名block 其他 去掉block
        $('.' + obj + ' .box3 ul').eq(index).addClass('block').siblings().removeClass('block')
    })
}

//侧边选项卡

function mouseNav() {
    $('.left ul li').hover(function() {
        //使用数组来保存颜色值
        let bgcArr = ['red', 'cyan', 'green', 'orange', 'pink'];
        //获取当前li标签对应的索引
        // console.log($(this).index());
        let index = $(this).index();
        //移入
        $(this).css({
            width: '80px',
            backgroundColor: bgcArr[index],
            backgroundPositionX: '-40px'
        })
    }, function() {

        let index = $(this).index();
        //移入
        $(this).css({
                width: '',
                backgroundColor: '',
                backgroundPositionX: ''
            })
            //点击跳转
    }, )
}
// 点击跳转
// click(function() {
//     let index = $(this).index();
//     //获取当前里标签对应的楼层到顶部的距离
//     let sfloor = $('.hot').eq(index).offset().top;
//     $('html,body').animate({ 'scrollTop': sfloor - 50 }, 500)
// })
// 手风琴
function adion() {
    $('.womencontent .lastz .hov').hover(function() {
        $('h3', this).addClass('hidden')
        $('div', this).removeClass('hidden')
        $(this).siblings().find('h3').removeClass('hidden');
        $(this).siblings().find('div').addClass('hidden');
    })
}